<template>
  <div class="n-cmt">
    <div class="u-title">
      <h3>
        <span class="f-ff2">评论</span>
      </h3>
      <span class="sub s-fc3">共<span class="s-fc3">9322</span>条评论</span>
    </div>
    <div class="m-cmmt">
      <CommentInputBox></CommentInputBox>
      <CommentDispalyArea></CommentDispalyArea>
    </div>
  </div>
</template>

<script>
import CommentInputBox from "@/encapsulation/comments/CommentInputBox.vue";
import CommentDispalyArea from "@/encapsulation/comments/CommentDisplayArea.vue";
export default {
  name: "CommentsSection",
  components: { CommentInputBox, CommentDispalyArea },
};
</script>

<style scoped lang="less">
.n-cmt {
  margin-top: 40px;
}
.u-title {
  height: 33px;
  border-bottom: 2px solid #c20c0c;
  .sub {
    float: left;
    margin: 9px 0 0 20px;
  }
  h3 {
    float: left;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
  }
}
.m-cmmt {
  margin-top: 20px;
}
</style>
